<template>
  <div class="layout-wrapper">
    <div class="layout-content" :class="classPrefix && `${classPrefix}-content`">
      <!--      插槽:会将外面的内容插入这里 <slot/>-->
      <slot/>
    </div>
    <Nav/>
  </div>
</template>

<script lang="ts">
export default {
  props: ['classPrefix'],
  name: 'Layout'
};
</script>

<style lang="scss" scoped>
.layout-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.layout-content {
  margin-top: 56px;
  overflow: auto;
  //flex-grow: 1;
}

</style>
